<div class="header-box">
    <div :class="['header',is_show_header_back ? 'back' : '']">
        <div class="header-left">
            <a href="/">
                <%= blogTitle.title %>
            </a>
        </div>
        <div class="header-right">
            <div class="search">
                <input placeholder="请输入搜索内容" v-model="serchData"></input>
                <img src="/views/static/images/search.png" alt="搜索" @click="handleSearch"></img>
            </div>
            <div class="nav-list">
                <% navList.forEach(element => { %>
                <div class="item">
                    <% if(element.path == 'null' || !element.path){ %>
                    <a href="/moreArticle/<%= element.ID %>"><%= element.title %></a>
                    <% }else{ %>
                    <a href="<%= element.path %>"><%= element.title %></a>
                    <% } %>
                    <% if(element.list.length){ %>
                    <div class="item-list-wrop">
                        <div class="item-list">
                            <% element.list.forEach(itm => { %>
                            <div class="item-item">
                                <% if(itm.path == 'null' || !itm.path){ %>
                                <a href="/moreArticle/<%= itm.ID %>"><%= itm.title %></a>
                                <% }else{ %>
                                <a href="<%= itm.path %>"><%= itm.title %></a>
                                <% } %>
                            </div>
                            <% }) %>
                        </div>
                    </div>
                    <% } %>
                </div>
                <% }) %>
                <div v-if="is_show_login" class="login item" onclick="goLogin()">
                    登录
                </div>
                <div class="icon-box" v-else>
                    <div class="icon">
                        <img :src="userInfo.icon">
                    </div>
                    <div class="select">
                        <div class="option">修改密码</div>
                        <div class="option">修改个人信息</div>
                        <div class="option">退出登录</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>